window.onload = function(){
    var ScrollStartPos;
    var ScrollEndPos;
    var lbImgList = document.querySelector('.caseContainer ul');
    var lbImg = document.querySelectorAll('.caseContainer ul > li');
    // 初始化轮播图容器大小
    lbImgList.style.width = window.innerWidth * 4.8 + 'px';
    for(var i = 0; i < lbImg.length; i++){
        lbImg[i].style.width = window.innerWidth * 0.6 + 'px';
    }
    // 初始化轮播图列表的位置
    lbImgList.style.marginLeft = 0 - window.innerWidth * 1 + 'px';


    // onresize 事件会在窗口或框架被调整大小时发生。
    window.onresize = function(){
        // console.log('文档宽度=》' + window.innerWidth);
        
        // 设置轮播图容器ul的宽度
        lbImgList.style.width = window.innerWidth * 4.8 + 'px';
        for(var i = 0; i < lbImg.length; i++){
            lbImg[i].style.width = window.innerWidth * 0.6 + 'px';
        }
        // console.log('窗口高度为=》',window.innerHeight);

        // 平板设备宽度中···
        // if(window.innerWidth < 992 && window.innerWidth >= 769){
        //     console.log('平板设备中');
        // }

        //PC设备宽度中
        // if(window.innerWidth >= 992){
        //     console.log('电脑设备中');
        //     ScrollStartPos = 1200;
        //     ScrollEndPos = 2440;
        // }

        
    }

    //PC端，菜单按钮单击，右侧导航栏滑出
    var menu = document.getElementsByClassName('menu')[0];
    var nav = document.getElementsByTagName('nav')[0];
    var navUl = document.querySelector('nav ul');
    menu.addEventListener('click',menuClick);
    function menuClick(node, classname){
        //菜单和关闭图标之间切换
        menu.classList.toggle('menuOpen');
        //导航栏在滑出和隐藏之间切换
        nav.classList.toggle('navOpen');
        navUl.classList.toggle('navUlOpen');
    }

    // 视差滚动效果
    var serviceContainer = document.getElementsByClassName('serviceContainer')[0];
    window.onscroll = function(){
        // PC设备中视差滚动效果
        if(window.innerWidth >= 992){
            // console.log('电脑设备中');
            ScrollStartPos = 1200;
            ScrollEndPos = 2440;
            if(document.documentElement.scrollTop >= ScrollStartPos && document.documentElement.scrollTop <= ScrollEndPos){
                serviceContainer.style.backgroundPositionY = 0 - (document.documentElement.scrollTop / 3) + 600 + 'px';
            }
        }

        // 平板设备中视差滚动效果
        if(window.innerWidth < 992 && window.innerWidth >= 769){
            // console.log('平板设备中');
            // console.log('滚动条距离顶部距离=》',document.documentElement.scrollTop);
            ScrollStartPos = 2480;
            ScrollEndPos = 3730;
            if(document.documentElement.scrollTop >= ScrollStartPos && document.documentElement.scrollTop <= ScrollEndPos){
                serviceContainer.style.backgroundPositionY = 0 - (document.documentElement.scrollTop / 5) + 620 + 'px';
            }
        }
        
    }
    
    // 轮播图
    var posDeviation = 1;
    var up = document.getElementsByClassName('up')[0];
    var next = document.getElementsByClassName('next')[0];
    up.onclick = function(){

        if((posDeviation - 0.6) <= 0.4){
            posDeviation = 4;
        }
        posDeviation -= 0.6;
        lbImgList.style.marginLeft = 0 - window.innerWidth * posDeviation + 'px';
        
    }
    next.onclick = function(){
        if((posDeviation + 0.6) >= 4){
            posDeviation = 0.4;
        }
        posDeviation += 0.6;
        lbImgList.style.marginLeft = 0 - window.innerWidth * posDeviation + 'px';
    }
    

}
